function addClass(obj, cls) {
	var obj_class = obj.className, //获取 class 内容.
		blank = (obj_class != '') ? ' ' : ''; //判断获取到的 class 是否为空, 如果不为空在前面加个'空格'.
	added = obj_class + blank + cls; //组合原来的 class 和需要添加的 class.
	obj.className = added; //替换原来的 class.
}

function removeClass(obj, cls) {
	var obj_class = ' ' + obj.className + ' '; //获取 class 内容, 并在首尾各加一个空格. ex) 'abc    bcd' -> ' abc    bcd '
	obj_class = obj_class.replace(/(\s+)/gi, ' '), //将多余的空字符替换成一个空格. ex) ' abc    bcd ' -> ' abc bcd '
		removed = obj_class.replace(' ' + cls + ' ', ' '); //在原来的 class 替换掉首尾加了空格的 class. ex) ' abc bcd ' -> 'bcd '
	removed = removed.replace(/(^\s+)|(\s+$)/g, ''); //去掉首尾空格. ex) 'bcd ' -> 'bcd'
	obj.className = removed; //替换原来的 class.
}

function getStyle(obj, attr) {
	if (obj.currentStyle) {
		return obj.currentStyle[attr];
	} else {
		return document.defaultView.getComputedStyle(obj, null)[attr];
	}
}

var poplayer = {
	prependHTML: function (el, html) {
		var divTemp = document.createElement("div"),
			nodes = null,
			fragment = document.createDocumentFragment();
		divTemp.innerHTML = html;
		nodes = divTemp.childNodes;
		for (var i = 0, length = nodes.length; i < length; i += 1) {
			fragment.appendChild(nodes[i].cloneNode(true));
		}
		// 插入到容器的前面 - 差异所在
		el.insertBefore(fragment, el.firstChild);
		// 内存回收？
		nodes = null;
		fragment = null;
	},
	ahref: function (href, inputVal) {
		if (!href) {
			document.body.removeChild(document.getElementById("pop_tip"));
		} else if (parseInt(href) < 0) {
			window.history.go(-1);
		} else if (parseInt(href) == 1) {
			window.location.href = document.referrer;
		} else if (href) {
			if (inputVal) {
				if (href.indexOf("?") != -1) {
					window.location.href = href + '&pop_val=' + inputVal;
				} else {
					window.location.href = href + '?pop_val=' + inputVal;
				}
			} else {
				window.location.href = href;
			}
		}
	},
	html: function (text, btn1, btn2, inputflag) {
		let pop_tip_html = '<style>';
		pop_tip_html += '*{margin:0;padding:0;}';
		pop_tip_html += '.pop_tip{position: fixed;top: 0;width: 100%;height: 100%;z-index: 999;background: rgba(0,0,0,0.5);}';
		pop_tip_html += '.pop_tip .pop_tip_box{position: absolute;top: 34%;width: 300px;left: 50%;margin-left:-150px;background: #fff;z-index: 1000;text-align: center;border-radius: 10px;}';
		pop_tip_html += '.pop_tip .pop_tip_box .pop_tip_text{font-size: 16px;font-size: 16px;line-height: 25px;padding: 20px;text-align: center;}';
		pop_tip_html += '.pop_tip .pop_tip_box .popbtm .left{display:inline-block;width: 50%;text-align: center;line-height: 35px;font-size: 16px;background: #ccc;color: #fff;border-radius: 0 0 0 10px;}';
		pop_tip_html += '.pop_tip .pop_tip_box .popbtm .right{display:inline-block;width: 50%;text-align: center;line-height: 35px;font-size: 16px;background: #3dc6da;color: #fff;border-radius: 0 0 10px 0;}';
		pop_tip_html += '.pop_tip .pop_tip_btn_box{margin:10px 0 20px 0;color:#fff;font-size:14px;}';
		pop_tip_html += '.pop_tip .pop_tip_btn_box #pop_tip_btn{display:inline-block;width:200px;background:#70b4fd;text-align:center;line-height:30px;border-radius: 10px;cursor: pointer;}';
		pop_tip_html += '.pop_tip .pop_tip_btn_box #pop_tip_btn1,.pop_tip .pop_tip_btn_box #pop_tip_btn2{margin:0 2px;display:inline-block;width:calc(50% - 20px);background:#999;text-align:center;line-height:30px;border-radius:10px;cursor: pointer;}';
		pop_tip_html += '.pop_tip .pop_tip_btn_box #pop_tip_btn1{background:#70b4fd;}';
		pop_tip_html += '.pop_tip .pop_tip_box .pop_tip_input_box{text-align:center;margin-bottom: 20px;}';
		pop_tip_html += '.pop_tip .pop_tip_box .pop_tip_input_box input{width:(80% - 10px);height:30px;padding:0 10px;border:1px solid #ccc;}';
		pop_tip_html += '</style>';
		pop_tip_html += '<div class="pop_tip" id="pop_tip">';
		pop_tip_html += '<div class="pop_tip_box"><div class="pop_tip_text">' + text + '</div>';
		if (inputflag) {
			pop_tip_html += '<div class="pop_tip_input_box" ><input type="text" id="pop_tip_input" placeholder="' + inputflag + '"/></div>';
		}
		if (btn1 && btn2) {
			pop_tip_html += '<div class="pop_tip_btn_box"><span id="pop_tip_btn1">' + btn1 + '</span><span id="pop_tip_btn2">' + btn2 + '</span></div>';
		} else if (btn1) {
			pop_tip_html += '<div class="pop_tip_btn_box"><span id="pop_tip_btn">' + btn1 + '</span></div>';
		}
		pop_tip_html += '</div></div>';
		return pop_tip_html;
	},
	alert: function (text, timu_id, btn, href) {
		var _this = this;
		btn = btn ? btn : '确定';
		_this.prependHTML(document.body, _this.html(text, btn));
		document.getElementById("pop_tip_btn").onclick = function () {
			var frame_left = getStyle(document.querySelector(".entrance-bottom-frame"), 'marginLeft')
			document.querySelector(".entrance-bottom-frame").style.marginLeft = parseInt(frame_left) - 1050 + "px"
			addClass(document.querySelectorAll(".entrance-bottom-frame-line")[timu_id], "active")
			removeClass(document.querySelectorAll(".entrance-bottom-frame-line")[timu_id - 1], "active")
			addClass(document.querySelectorAll(".entrance-bottom-frame-beijing")[timu_id - 1], "none")
			_this.ahref(href);
		};
		return 1;
	},
	confirm: function (text, btn1, btn2, href) {
		var _this = this;
		btn1 = btn1 ? btn1 : '确定';
		btn2 = btn2 ? btn2 : '取消';
		_this.prependHTML(document.body, _this.html(text, btn1, btn2));
		document.getElementById("pop_tip_btn1").onclick = function () {
			_this.ahref(href);
		};
		document.getElementById("pop_tip_btn2").onclick = function () {
			_this.ahref(href);
			//document.body.removeChild(document.getElementById("pop_tip"));
		};
	},
}